﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>jQuery仿淘宝红色分类导航</title>

<link type="text/css" rel="stylesheet" href="style/index.css" />
<script type="text/javascript" src="js/index_v20.js" />
</script>
</head>
<body>
<div id="nav">
<div class="area clearfix">
<div class="separate"></div>
<div class="category-content" id="guide_2">
<div><span class="all-goods">全部商品<em>（686310）</em></span></div>
<div class="category">
<ul class="category-list" id="js_climit_li">



  <li class="appliance js_toggle relative first">
    <div class="category-info list-nz">
      <h3 class="category-name b-category-name"><i></i><a id="s-category-289" href="http://sc.admin5.com" target="_blank" class="ml-22" title="女装">女装</a></h3>
      <p class="c-category-list limit-24"><a href="http://sc.admin5.com" target="_blank" title="牛仔裤" id="s-goods-category-289-4">牛仔裤</a></p>
      <em>&gt;</em></div>
    <textarea class="menu-item-wrap none">
    <div class="menu-item menu-in top">
    <div class="area-in">
    <div class="area-bg">
    <div class="menu-srot">
    <div class="sort-side">
    <dl class="dl-sort">
    <dt><span title="外套">外套</span></dt>
    <dd><a title="羽绒服" id="scategory-184539" target="_blank" href="http://sc.admin5.com"><span  >羽绒服</span></a></dd>
    </dl>
    </div>
    </div>
    </div>
    </div>
    </div>
</textarea>
  </li> 
  <li class="appliance js_toggle relative first">
    <div class="category-info list-nz">
      <h3 class="category-name b-category-name"><i></i><a id="s-category-289" href="http://sc.admin5.com" target="_blank" class="ml-22" title="女装">女装</a></h3>
      <p class="c-category-list limit-24"><a href="http://sc.admin5.com" target="_blank" title="牛仔裤" id="s-goods-category-289-4">牛仔裤</a></p>
      <em>&gt;</em></div>
    <textarea class="menu-item-wrap none">
    <div class="menu-item menu-in top">
    <div class="area-in">
    <div class="area-bg">
    <div class="menu-srot">
    <div class="sort-side">
    <dl class="dl-sort">
    <dt><span title="外套">外套</span></dt>
    <dd><a title="羽绒服" id="scategory-184539" target="_blank" href="http://sc.admin5.com"><span  >羽绒服</span></a></dd>
    </dl>
    </div>
    </div>
    </div>
    </div>
    </div>
</textarea>
  </li> 
  
  
</ul>
</div>
</div>

</div>

</div>
<script type="text/javascript">
(function(){ 
 var $menuLi =$('#nav .menu');
 var $menuHd = $('#nav .menu-hd');
 var $menuBd = $('#nav .menu-bd');
 var $arrow = $('#nav .m1 i');
 $menuBd.hover(function(){
 $menuHd.addClass('on');
 },function(){
 $menuHd.removeClass('on');
 });
 $menuLi.hover(function(){
 $menuHd.children('b').addClass('b-on');
 },function(){
 $menuHd.children('b').removeClass('b-on');
 })
})();
</script>


</body>
</html>

